<!doctype html>
<html class="no-js" lang="en-us">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Mayabi - Multipurpose Portfolio/Business HTML5 Template</title>
    <meta name="keywords" content="Corporate Business Shopse HTML5 Css3 Template" />
    <meta name="description" content="mayabi | Minimal Multipurpose HTML5 Template" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    <!-- css here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/linebar.min.css">
    <link rel="stylesheet" href="assets/css/scrolltop.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/slick-theme.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
</head>

<body>
    <!--[if lte ie 9]>
            <p class="browserupgrade">you are using an <strong>outdated</strong> browser. please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <!-- Preloader -->
    <div class="mayabi-loader">
        <div class="preloader">
            <div class="item item-1"></div>
            <div class="item item-2"></div>
            <div class="item item-3"></div>
            <div class="item item-4"></div>
        </div>
    </div>
    <!-- hero area start -->
    <div id="hero-area" class="hero-area">
        <div class="header-area">
            <div class="container">
                <div class="row">
                    <!-- logo start -->
                    <div class="col-md-3">
                        <div class="header-logo">
                            <a href="index.html"><img src="assets/img/logo.png" alt="logo" class="img-fluid" /></a>
                        </div>
                    </div>
                    <div class="responsive-menu-wrap"></div>
                    <!-- nav start -->
                    <div class="col-md-9">
                        <div class="mainmenu">
                            <ul id="navigation">
                                <li class="current-item"><a href="index.html">home</a></li>
                                <li><a href="about-1.html">about us</a></li>
                                <li><a href="#">portfolio <i class="fa fa-angle-down"></i></a>
                                    <ul>
                                        <li><a href="folio-full-width.html"><i class="fa fa-angle-right"></i> portfolio full width</a></li>
                                        <li><a href="folio-2-col.html"><i class="fa fa-angle-right"></i> portfolio 2 column</a></li>
                                        <li><a href="folio-3-col.html"><i class="fa fa-angle-right"></i> portfolio 3 column</a></li>
                                        <li><a href="folio-4-col.html"><i class="fa fa-angle-right"></i> portfolio 4 column</a></li>
                                        <li><a href="#"><i class="fa fa-angle-right"></i> portfolio masonry </a>
                                            <ul>
                                                <li><a href="folio-masonry-1.html"> portfolio masonry 1</a></li>
                                                <li><a href="folio-masonry-2.html"> portfolio masonry 2</a></li>
                                                <li><a href="folio-masonry-3.html"> portfolio masonry 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">blog <i class="fa fa-angle-down"></i></a>
                                    <ul>
                                        <li>
                                            <a href="blog-2-col.html"><i class="fa fa-angle-right"></i> blog 2 column</a>
                                        </li>
                                        <li>
                                            <a href="blog-3-col.html"><i class="fa fa-angle-right"></i> blog 3 column</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-angle-right"></i> blog left sidebar</a>
                                            <ul>
                                                <li><a href="blog-2-col-left.html">2 column left sidebar</a></li>
                                                <li><a href="blog-1-col-left.html">1 column left sidebar</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-angle-right"></i> blog right sidebar</a>
                                            <ul>
                                                <li><a href="blog-2-col-right.html">2 column right sidebar</a></li>
                                                <li><a href="blog-1-col-right.html">1 column right sidebar</a></li>
                                            </ul>

                                        </li>
                                        <li>
                                            <a href="blog-no-sidebar.html"><i class="fa fa-angle-right"></i> blog no sidebar</a>
                                        </li>
                                        <li>
                                            <a href="blog-details.html"><i class="fa fa-angle-right"></i> blog details</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-angle-right"></i>blog details sidebar</a>
                                            <ul>
                                                <li><a href="blog-details-left-sidebar.html">details left sidebar</a></li>
                                                <li><a href="blog-details-right-sidebar.html">details right sidebar</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">shop <i class="fa fa-angle-down"></i></a>
                                    <ul>
                                        <li><a href="shop-3-col.html"><i class="fa fa-angle-right"></i> shop 3 column</a></li>
                                        <li><a href="shop-4-col.html"><i class="fa fa-angle-right"></i> shop 4 column</a></li>
                                        <li><a href="shop-2col-left-sidebar.html"><i class="fa fa-angle-right"></i>shop 2 col left sidebar</a></li>
                                        <li><a href="shop-2col-right-sidebar.html"><i class="fa fa-angle-right"></i>shop 2 col right sidebar</a></li>
                                        <li><a href="shop-3col-left-sidebar.html"><i class="fa fa-angle-right"></i>shop 3 col left sidebar</a></li>
                                        <li><a href="shop-3col-right-sidebar.html"><i class="fa fa-angle-right"></i>shop 3 col right sidebar</a></li>
                                        <li><a href="product-details.html"><i class="fa fa-angle-right"></i>product details</a></li>
                                        <li><a href="cart.html"><i class="fa fa-angle-right"></i>cart</a></li>
                                        <li><a href="login.html"><i class="fa fa-angle-right"></i>login</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">contact us</a></li>
                            </ul>
                        </div>

                        <div class="header-search-bar">
                            <form action="index.html">
                                <input type="search" placeholder="keywords ...">
                            </form>
                        </div>
                    </div>
                    <!-- nav end -->
                </div>
            </div>
        </div>
        <!-- slider area start -->
        <div class="slider-area">
            <div class="mayabi-main-slider text-center">
                <div class="mayabi-single-slider slid-bg-1">
                    <div class="mayabi-single-table">
                        <div class="mayabi-single-tablecell">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h1>mayabi <br /> portfolio multipurpose theme</h1>
                                        <p>lorem ipsum dolor sit amt, consectet adop adipisicing elit, sed do eiusmod
                                            <br />teporara incididunt ugt labore.</p>
                                        <a href="#" class="btn btn-type-1">download</a>
                                        <a href="#" class="btn btn-type-2">learn more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- hero area end -->
    <!-- about area start -->
    <div class="about-area sec-p-100">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="about-img owl-carousel owl-theme">
                        <div class="about-single-img">
                            <a href="#"><img src="assets/img/about/about-1.jpg" alt="about-1" class="img-fluid" /></a>
                        </div>
                        <div class="about-single-img">
                            <a href="#"><img src="assets/img/about/about-2.jpg" alt="about-2" class="img-fluid" /></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="about-content gray-bg">
                        <h3>It is a long established fact that a reader will be distracted by is readable content</h3>
                        <a href="#" class="btn btn-type-3 mt-30">view more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- about area end -->
    <!-- portfolio area start -->
    <div class="portfolio-area text-center mb-50">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <div class="section-title text-center mb-70">
                        <h2>portfolio</h2>
                        <img src="assets/img/separetor-1.png" alt="separetor" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ncc msm lal uFlaboreLorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- mesonari menu start  -->
        <ul class="portfolio-menu-1">
            <li data-filter="*" class="active">all</li>
            <li data-filter=".desig">design</li>
            <li data-filter=".dvelo">development</li>
            <li data-filter=".illus">illustration</li>
            <li data-filter=".photo">photography</li>
        </ul>
        <!-- mesonari menu end  -->
        <div class="typ1-all-folio">
            <div class="single-folio typ1-folios-item dvelo wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-1.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>illustrator circale</h3>
                    </a>
                    <a href="#">designer</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item dvelo illus wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-2.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>laptop mobile table</h3>
                    </a>
                    <a href="#">seo</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item desig wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-3.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>illustration work</h3>
                    </a>
                    <a href="#">illustrator</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item dvelo wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-4.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>smart phone work</h3>
                    </a>
                    <a href="#">development</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item desig photo wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-5.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>development work</h3>
                    </a>
                    <a href="#">design</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item dvelo illus photo wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-6.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>illustration cup</h3>
                    </a>
                    <a href="#">illustrator</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item desig illus wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-7.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>various time work</h3>
                    </a>
                    <a href="#">development</a>
                </div>
            </div>

            <div class="single-folio typ1-folios-item desig photo wow zoomIn" data-wow-duration="1s">
                <img src="assets/img/folio/folio-8.jpg" alt="" class="img-fluid" />
                <div class="folio-hvr">
                    <a href="#">
                        <h3>illustration work</h3>
                    </a>
                    <a href="#">seo</a>
                </div>
            </div>
        </div>
        <a href="#" class="btn btn-type-3 mt-30">view all</a>
    </div>
    <!-- portfolio area end -->
    <!-- services area start -->
    <div class="services-area sec-p-100 text-center gray-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <div class="section-title mb-70">
                        <h2>services</h2>
                        <img src="assets/img/separetor-1.png" alt="separetor" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ncc msm lal uFlaboreLorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-asterisk"></i>
                        <h4><a href="#">account setting</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-balance-scale"></i>
                        <h4><a href="#">night & day equal</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-bug"></i>
                        <h4><a href="#">bug fixing</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-refresh"></i>
                        <h4><a href="#">restore system</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>
            </div>
            <div class="spacer-30"></div>
            <div class="row">
                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-globe"></i>
                        <h4><a href="#">seo optimized</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-paste"></i>
                        <h4><a href="#">fast copy past</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-gitlab"></i>
                        <h4><a href="#">github link</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-services">
                        <i class="fa fa-linux"></i>
                        <h4><a href="#">linux system install</a></h4>
                        <p>Lorem Ipsum has been the in standard dummy text ever since 1500s</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- services area end -->
    <!-- counter area start -->
    <div class="counter-area sec-p-100 counter-bg text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="single-counter">
                        <i class="fa fa-hourglass"></i>
                        <div class="counter">380</div>
                        <div class="count-name">projects done</div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-counter">
                        <i class="fa fa-database"></i>
                        <div class="counter">163</div>
                        <div class="count-name">satisfied clients</div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-counter">
                        <i class="fa fa-bug"></i>
                        <div class="counter">469</div>
                        <div class="count-name">total bug fixing</div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="single-counter">
                        <i class="fa fa-bitcoin"></i>
                        <div class="counter">1000</div>
                        <div class="count-name">projects value</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- counter area end -->
    <!-- team member area start -->
    <div class="team-member-area sec-p-100 text-center">

        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <div class="section-title mb-70">
                        <h2>team member</h2>
                        <img src="assets/img/separetor-1.png" alt="separetor">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ncc msm lal uFlaboreLorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="single-member">
                        <div class="member-img">
                            <img src="assets/img/team/team-1.jpg" alt="" class="img-fluid">
                            <ul class="member-hvr-social">
                                <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>

                        </div>
                        <div class="member-title">
                            <a href="#">
                                <h3>atik ibna shams</h3>
                            </a>
                            <a href="#">developer</a>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-member">
                        <div class="member-img">
                            <img src="assets/img/team/team-2.jpg" alt="" class="img-fluid">
                            <ul class="member-hvr-social">
                                <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>

                        </div>
                        <div class="member-title">
                            <a href="#">
                                <h3>mayabi richard mili</h3>
                            </a>
                            <a href="#">seo expert</a>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-member">
                        <div class="member-img">
                            <img src="assets/img/team/team-3.jpg" alt="" class="img-fluid">
                            <ul class="member-hvr-social">
                                <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>

                        </div>
                        <div class="member-title">
                            <a href="#">
                                <h3>adrian adam rakib</h3>
                            </a>
                            <a href="#">marketer</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- team member area end -->
    <!-- testimonial area start -->
    <div class="testimonial-area sec-p-100 text-center testimonial-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="all-testimonial-wraper owl-carousel owl-theme">
                        <div class="single-testimonial">
                            <div class="client-message">
                                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                    consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
                            </div>
                            <div class="client-img"><img src="assets/img/testimonial/test-thm-1.png" alt="" class="img-fluid" /></div>
                            <div class="client-title">
                                <h3>mayabi lukma lili</h3>
                                <h5>www.workertm.com</h5>
                            </div>

                        </div>

                        <div class="single-testimonial">
                            <div class="client-message">
                                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                    consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
                            </div>
                            <div class="client-img"><img src="assets/img/testimonial/test-thm-2.jpg" alt="" class="img-fluid" /></div>
                            <div class="client-title">
                                <h3>mayabi lukma lili</h3>
                                <h5>www.workertm.com</h5>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- testimonial area end -->
    <!-- blog area start -->
    <div class="blog-area sec-p-100">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <div class="section-title mb-70 text-center">
                        <h2>latest blog</h2>
                        <img src="assets/img/separetor-1.png" alt="separetor">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ncc msm lal uFlaboreLorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="single-blog">
                        <div class="blog-img-ctg">
                            <img src="assets/img/blog/blog-1.jpg" alt="blog" class="img-fluid">
                        </div>
                        <div class="single-blog-content">
                            <h3><a href="#">We are best for our company.</a></h3>
                            <ul class="admin-info">
                                <li><a href="#"><i class="fa fa-user-circle-o"></i> by: admin</a></li>
                                <li><a href="#"><i class="fa fa-calendar"></i> december 10, 2019</a></li>
                            </ul>
                            <p>industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500 an unknown printer took a</p>
                            <a href="#" class="btn">more <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-blog">
                        <div class="blog-img-ctg">
                            <img src="assets/img/blog/blog-2.jpg" alt="blog" class="img-fluid">
                        </div>
                        <div class="single-blog-content">
                            <h3><a href="#">24/7 support services</a></h3>
                            <ul class="admin-info">
                                <li><a href="#"><i class="fa fa-user-circle-o"></i> by: admin</a></li>
                                <li><a href="#"><i class="fa fa-calendar"></i> march 18, 2000</a></li>
                            </ul>
                            <p>industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500 an unknown printer took a</p>
                            <a href="#" class="btn">more <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-blog">
                        <div class="blog-img-ctg">
                            <img src="assets/img/blog/blog-3.jpg" alt="blog" class="img-fluid">
                        </div>
                        <div class="single-blog-content">
                            <h3><a href="#">fast working technology</a></h3>
                            <ul class="admin-info">
                                <li><a href="#"><i class="fa fa-user-circle-o"></i> by: admin</a></li>
                                <li><a href="#"><i class="fa fa-calendar"></i> february 8, 2030</a></li>
                            </ul>
                            <p>industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500 an unknown printer took a</p>
                            <a href="#" class="btn">more <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- blog area end -->
    <!-- subscribe form area start -->
    <div class="subscribe-form sec-p-100 text-center blue-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <h2>subscribe newsletter</h2>
                    <p>Enter your email and we'll send you details about new courses and events.</p>
                    <div class="subscribe-input">
                        <input class="form-control" type="email" placeholder="Enter your email" name="email">
                        <button type="submit" class="btn btn-type-4">subscribe</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- subscribe form area end -->
    <!-- footer area start -->
    <footer>
        <div class="footer-area sec-p-50">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="copy-right text-center">
                            <div class="footer-logo mb-30">
                                <a href="#"><img src="assets/img/logo.png" alt="logo" class="img-fluid" /></a>
                            </div>
                            copyright 2019 <a href="http://www.17sucai.com/">mayabi</a> | all rights reserved | designed by workertm
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->
    <!-- scrolltop button -->
    <div class="material-scrolltop"></div>

    <!-- js here -->
    <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-ui.js"></script>
    <script src="assets/js/slicknav.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/linebar.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/nice-select.min.js"></script>
    <script src="assets/js/scrolltop.js"></script>
    <script src="assets/js/ajax-form.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>
